<template>
  <div>
    <child v-model="parentData"></child>
    <div @click="handleClick">1231231312312</div>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Watch } from "vue-property-decorator";
import child from "./child.vue";
import lexDecorator from "@/decorator";
@Component({
  components: {
    child,
  },
})
export default class SilencePath extends Vue {
  parentData: string = "";
  mounted() {}
  @Watch("parentData")
  onParentData(v: string) {
    console.log("parent", v);
  }

  @lexDecorator()
  handleClick() {
    console.log(123);
  }
}
</script>

<style scoped lang="less">
.el-container {
  min-height: 100vh;
  .el-aside {
    overflow: hidden;
    min-height: 100vh;
    background-color: #28449e;
    .goBack {
      width: 200px;
      text-align: center;
      margin: 0 auto;
      color: #fff;
      margin-top: 40px;
      cursor: pointer;
    }
    .el-menu {
      border: none;
      padding-top: 160px;
      .el-menu-item {
        color: #95a0cf;
        // text-align: center;
        padding-left: 90px !important;
        font-weight: bold;
        font-size: 16px;
        > img {
          width: 18px;
          height: 18px;
          padding-right: 20px;
        }
      }
    }
  }
  .el-main {
    padding: 0;
    overflow: hidden;
    background-color: #28449e;
    .mainContent {
      height: 100%;
      border-radius: 0 0 0 60px;
      background-color: #fff;
    }
  }
}
</style>
